<template name="footerBar">
	<view>
	<u-tabbar v-model="current" :list="tabBars" @change="tabChange" :inactive-color="inactiveColor"
		:activeColor="activeColor"></u-tabbar>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import request from "utils/request.js"
	export default {
		name: 'footerBar',
		data() {
			return {
				inactiveColor: '#909399',
				activeColor: '#5098FF',
				tabBars: [{
						iconPath: "edit-pen",
						selectedIconPath: "edit-pen",
						text: this.$t('system.todoBar'),
						customIcon: false,
						pagePath: "/pages/main/main",
					},
					{
						iconPath: "grid",
						selectedIconPath: "grid-fill",
						text: this.$t('system.func'),
						pagePath: "/pages/main/menu",
						customIcon: false,
					},
					{
						iconPath: "home",
						selectedIconPath: "home-fill",
						text: this.$t('system.my'),
						pagePath: "/pages/main/user-info",
						customIcon: false,
					},
				],
				current: 0
			}
		},
		onLoad(data) {},
		methods: {
			tabChange(a, b, c) {
				this.$u.route({
					url: this.tabBars[a].pagePath
				})
			}
		}
	}
</script>

<style>
</style>
